import React, { useState } from 'react';
import { Switch, Table,Input,Select,Space,DatePicker, Radio,Tag  } from 'antd';
import type { TableColumnsType } from 'antd';
import type { DatePickerProps } from 'antd';
import type { Dayjs } from 'dayjs';
// 定义数据类型
type DataType = {
  xsddmc: string;         // 销售订单名称
  xsddbh: string;         // 销售订单编号
  kcmc: string;           // 客户名称
  hetongqianding: string;  // 合同签订日期
  ddjehj: number;         // 订单金额合计
  spjg: string;           // 审批结果
  xxfzr: string;          // 销售负责人
  cmmc: string;           // 产品名称
  cpbm: string;           // 产品编码
  brand: string;          // 品牌
  ggxh: string;           // 规格型号
  danwei: string;         // 单位
  xxjg: number;           // 销售价格
  cgdj: number;           // 采购单价
  zzssl: number;          // 增值税税率
  number: number;         // 数量
  cpjghj: number;         // 产品价格合计
  cpcbhj: number;         // 产品成本合计
};



const onChange: DatePickerProps<Dayjs[]>['onChange'] = (date, dateString) => {
  console.log(date, dateString);
};
const columns: TableColumnsType<DataType> = [
  {
    title: '',
    
    dataIndex: '',
    
    render:(()=>{
        return <Radio></Radio>
    })
  },
  {
    title: '销售订单群名称',
   
    dataIndex: 'xsddmc',
    
    
  },
  {
    title: '销售订单编号',
   
   
    dataIndex: 'xsddbh',
     
  },
  {
    title: '客户名称',
   
    dataIndex: 'kcmc',
   
  },
   {
    title: '合同签订日期',
   
    dataIndex: 'hetongqianding',

    
  },
 {
    title: '订单金额合计/元',
   
    dataIndex: 'ddjehj',

  
  },
   {
    title: '审批结果',
   
    dataIndex: 'spjg',

  
  },
   {
    title: '销售负责人',
   
    dataIndex: 'xxfzr',

  
  },
   {
    title: '产品名称',
   
    dataIndex: 'cmmc',

  
  }
  , {
    title: '产品编码',
   
    dataIndex: 'cpbm',

  
  },
   {
    title: '品牌',
   
    dataIndex: 'brand',

  
  },
   {
    title: '规格型号',
   
    dataIndex: 'ggxh',

  
  },
  {
    title: '单位',
   
    dataIndex: 'danwei',

  
  },
  {
    title: '销售价格/元',
   
    dataIndex: 'xxjg',

  
  },
  {
    title: '采购单价/元',
   
    dataIndex: 'cgdj',

  
  },

  {
    title: '增值税税率%',
   
    dataIndex: 'zzssl',

  
  },
  {
    title: '数量',
   
    dataIndex: 'number',

  
  },
  {
    title: '产品价格合计/元',
   
    dataIndex: 'cpjghj',

  
  },
  {
    title: '产品成本合计/元',
   
    dataIndex: 'cpcbhj',

  
  },
  {
    title: '规格型号',
   
    dataIndex: 'ggxh',

  
  },
];

// 生成模拟数据
const dataSource: DataType[] = [
  {
    xsddmc: '帆软软件2024Q2采购订单',
    xsddbh: 'XSDD-20240512-001',
    kcmc: '上海云深网络技术有限公司',
    hetongqianding: '2024-05-12',
    ddjehj: 128500,
    spjg: '已通过',
    xxfzr: '张明',
    cmmc: '企业级数据可视化平台',
    cpbm: 'FR-VD-001',
    brand: '帆软',
    ggxh: 'V11.0 专业版',
    danwei: '套',
    xxjg: 128500,
    cgdj: 85000,
    zzssl: 13,
    number: 1,
    cpjghj: 128500,
    cpcbhj: 85000,
  },
  {
    xsddmc: '正泰电器海外市场订单',
    xsddbh: 'XSDD-20240515-002',
    kcmc: '正泰电器股份有限公司',
    hetongqianding: '2024-05-15',
    ddjehj: 365200,
    spjg: '已通过',
    xxfzr: '李华',
    cmmc: '数字书法教育云平台',
    cpbm: 'MZ-EDU-002',
    brand: '墨舟',
    ggxh: 'V2.5 企业版',
    danwei: '套',
    xxjg: 365200,
    cgdj: 245000,
    zzssl: 13,
    number: 1,
    cpjghj: 365200,
    cpcbhj: 245000,
  },
  {
    xsddmc: '微之显医疗设备采购单',
    xsddbh: 'XSDD-20240518-003',
    kcmc: '杭州博彦信息技术有限公司',
    hetongqianding: '2024-05-18',
    ddjehj: 89600,
    spjg: '已通过',
    xxfzr: '王强',
    cmmc: '慢病管理数据看板系统',
    cpbm: 'WZ-Health-003',
    brand: '微之显',
    ggxh: 'V3.2 标准版',
    danwei: '套',
    xxjg: 89600,
    cgdj: 58000,
    zzssl: 13,
    number: 1,
    cpjghj: 89600,
    cpcbhj: 58000,
  },
  {
    xsddmc: '越域网跨境电商系统',
    xsddbh: 'XSDD-20240520-004',
    kcmc: '江苏苏软科技有限公司',
    hetongqianding: '2024-05-20',
    ddjehj: 156800,
    spjg: '已通过',
    xxfzr: '赵琳',
    cmmc: '跨境供应链管理平台',
    cpbm: 'YY-KJ-004',
    brand: '越域网',
    ggxh: 'V4.1 旗舰版',
    danwei: '套',
    xxjg: 156800,
    cgdj: 102000,
    zzssl: 13,
    number: 1,
    cpjghj: 156800,
    cpcbhj: 102000,
  },
  {
    xsddmc: '智见无极AI教育系统',
    xsddbh: 'XSDD-20240525-005',
    kcmc: '江西拓行科技有限公司',
    hetongqianding: '2024-05-25',
    ddjehj: 215000,
    spjg: '审核中',
    xxfzr: '陈杰',
    cmmc: 'AI编程实训平台',
    cpbm: 'ZJ-AI-005',
    brand: '智见无极',
    ggxh: 'V2.8 教育版',
    danwei: '套',
    xxjg: 215000,
    cgdj: 145000,
    zzssl: 13,
    number: 1,
    cpjghj: 215000,
    cpcbhj: 145000,
  },
  {
    xsddmc: '留洋宝留学服务系统',
    xsddbh: 'XSDD-20240530-006',
    kcmc: '上海墨说科教设备有限公司',
    hetongqianding: '2024-05-30',
    ddjehj: 98000,
    spjg: '已通过',
    xxfzr: '吴芳',
    cmmc: '留学服务管理平台',
    cpbm: 'LYB-Service-006',
    brand: '留洋宝',
    ggxh: 'V1.5 专业版',
    danwei: '套',
    xxjg: 98000,
    cgdj: 65000,
    zzssl: 13,
    number: 1,
    cpjghj: 98000,
    cpcbhj: 65000,
  },
];

const App: React.FC = () => {
 
  return (
    <Table<DataType>
         style={{maxWidth:"100%",maxHeight:"800px",width:"100%",height:"100%"}}
        
        columns={columns}
        dataSource={dataSource}
       scroll={{ x: 'max-content' }}
    />
  );
};

export default App;